.container {
  width: 100%;
  height: 2.6rem;
  padding: 0.2rem 0.2rem;
  display: flex;
  align-items: center;
  border: 1px solid var(--color-3);
  border-radius: 0.3rem;
  transition: border-color 0.2s;

  &:focus-within {
    border-color: var(--color-6);
  }

  .iconSearch {
    color: var(--color-3);
  }
  svg {
    margin: 0 0.8rem;
  }

  .searchInput {
    height: 100%;
    width: 100%;
    font-size: 1rem;
    background-color: transparent;
    border: none;
    outline: none;
    color: var(--color-8);
    display: flex;
    padding-top: 0.3rem;
    margin-right: 0.2rem;

    &::placeholder {
      color: var(--color-5);
    }
  }
}
